<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK" />
<title>CRM</title>
<link rel="stylesheet" href="${basePath }/css/screen.css"
	type="text/css" media="screen, projection">
<link rel="stylesheet" href="${basePath }/css/style.css" type="text/css"
	media="screen, projection">

<link rel="stylesheet" type="text/css"
	href="${basePath }/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="${basePath }/js/code/prettify.css">
<script type="text/javascript" src="${basePath }/js/jquery.js"></script>
<script type="text/javascript" src="${basePath }/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${basePath }/js/code/prettify.js"></script>
<style type="text/css">
.main #pager .tab-pane .pagecontent .manpic {
	background-image: url("../img/user.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
	padding: 0px;
}
</style>
</head>
<body>


	<div id="header">
		<div class="centerwapper">
			<img src="${basePath }/img/logo.png" alt="凯盛CRM系统" />
			<div class="userinfo">
				<a href="#">账号&设置</a> <a href="#">安全退出</a>
			</div>
		</div>
	</div>
	<div class="main">
		<div id="innerwapper">
			<div id="nav">
				<ul>
					<li class="activity"><a href="${basePath }/user/login">最新动态</a>
					</li>
					<li class="contacts-select"><a href="#">联系人<span>[${size}个联系人]</span>
					</a>
					</li>
					<li class="task"><a href="${basePath }/task/list">日程安排<span>[今天有10个任务]</span>
					</a>
					</li>
					<li class="deals"><a href="${basePath }/deal/list"">交易<span>[当前没有交易]</span>
					</a>
					</li>
					<li class="cases"><a href="">事件<span>[当前没有事件]</span> </a>
					</li>
					<li class="search"><a href="">搜索</a>
					</li>
				</ul>
				<hr />
			</div>
			<div id="pager">
				<!--
					当没有边栏(pageside)的时候，使用pageall样式
				-->
				<div class="pagebody">
					<div class="pagerhader">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#contact" data-toggle="tab">所有联系人</a>
							</li>
							<li><a href="#company" data-toggle="tab">所有公司</a>
							</li>
						</ul>
					</div>
					<div class="tab-pane fade active in" id="contact">
						<table>
							<c:forEach items="${contactList }" var="contact">
								<tr>
									<td width="20px"><input type="checkbox" />
									</td>
									<td width="30px"><span class="manpic"></span>
									</td>
									<td width="50%">${contact.id} <br />
									</td>
									<td>${contact.name}</td>
							</c:forEach>
						</table>
					</div>
					<div class="tab-pane fade" id="company">
						<table>
							<c:forEach items="${companyList }" var="company">
								<tr>
									<td width="20px"><input type="checkbox" />
									</td>
									<td width="30px"><span class="company"></span>
									</td>
									<td width="50%">${company.id } <br />
									</td>
									<td>${company.companyname}</td>
							</c:forEach>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="pageside">

			<div class="button">
				<a href="${basePath }/contact/newContact"> <span>添加新联系人</span> </a>
				<div class="clear"></div>
			</div>
			<div class="links">
				<a href="#">从CVS文件导入联系人</a> <a href="#">把联系人导出到CVS</a>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</body>
</html>

